<template>
    <el-dialog title="预警信息查看" :visible.sync="dialogForm" width="1000px">
         <base-list ref="warnTable" :condition="condition" :datas.sync="warnTable" :pageSearch="pageSearch">
            <el-form :inline="true" :model="condition" class="search-form" slot="search" label-width="110px">
                <el-row>
                    <el-col :span="16">
                        <el-form-item label="预警发出时间">
                            <date-slot :startDate.sync="condition.search_GTE_planJobDate"
                                       :endDate.sync="condition.search_LTE_planJobDate" dateType="yyyy-MM-dd"
                                       middle="至"></date-slot>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-button type="primary" @click="loadData">查 询</el-button>
                    </el-col>
                </el-row>
            </el-form>
            <el-table slot="list" :data="warnTable" border stripe max-height="500">
                <el-table-column prop="planNo" label="计划单号"  min-width="180">
                    <template slot-scope="scope">
                        <a @click="handleGetDetail(scope.row.planNo)" style="color: blue">{{ scope.row.planNo }}</a>
                    </template>
                </el-table-column>
            </el-table>
        </base-list>        
    </el-dialog>    
</template>

<script>
import { getWarnInfo } from "@/api/middleControl/middleControl";
export default {
    data () {
        return {
            dialogForm:false,
            condition:{},
            warnTable:[],
            pageSearch:getWarnInfo
        }
    },
    methods: {
        loadData(){
            this.$refs.warnTable.loadData()
        }
    }
}
</script>

<style scoped>

</style>


